import { Component } from '@angular/core';

// 首先一定要引入ActivatedRoute，这一步是根本，否则你无法在组件里读取或使用路由
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css'],
})
export class HomeComponent {
  // 和angular的服务一样，这里你也要在构造函数中通过语法糖去将routerInfo挂到组件类上
  constructor(public routerInfo: ActivatedRoute) {}

  ngOnInit(): void {
    // 通过this.routerInfo.snapshot.queryParams就可以拿到传来的参数
    console.log(this.routerInfo.snapshot.queryParams);
    const {name} = this.routerInfo.snapshot.queryParams;
    console.log(name);
    
  }
}
